<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import { mapMutations, mapState } from 'vuex';
export default {
  name: 'App',
  data() {
    return {
      baseHeight: 1,

    }
  },
  components: {
  },
  mounted() {
  },
  methods: {

  }
}
</script>

<style lang="less">
#app {
  width: 100%;
  height: 100vh;
}

/* 隐藏Element UI表格的垂直滚动条 */
.el-table__body-wrapper::-webkit-scrollbar {
  display: none;
  /* 对于Webkit浏览器 */
}

/* 表单验证 报错 提示位置 样式 */
.el-form-item__error {
  padding-top: 0px !important;
}

.el-table__body-wrapper {
  -ms-overflow-style: none;
  /* 对于IE和Edge */
  scrollbar-width: none;
  /* 对于Firefox */
}

.el-button--info {
  background-color: #11A983 !important;
}

.el-form-item {
  margin-bottom: 15px !important;
}

.el-card__body {
  padding: 10px !important;
}

.el-dialog__body {
  padding: 10px 30px 0px 0px !important;
}

.el-upload__tip {
  margin-top: 0 !important;
}

/*分页器背景颜色*/
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #11A983 !important;
  color: #FFF;
}

/**/
.el-select-dropdown__item.selected {
  color: rgb(40 130 107) !important;
}


.el-input__inner:focus {
  border-color: #11A983 !important;
  /* 使用!important确保覆盖 */
}

/*修改input框 获取焦点时的边框的颜色*/
.el-menu-item.is-active {
  color: #11A983 !important;
}

/*修改菜单的字体颜色*/
.el-menu-item {
  color: rgb(67, 67, 67);
}

/*修改面包屑 导航栏的文字颜色*/
.el-breadcrumb__inner.is-link {
  color: white !important;

}

.el-breadcrumb__inner {
  color: white !important;

}

.el-breadcrumb__separator[class*=icon] {
  color: white !important;

}

/*修改菜单导航 被选中时的背景颜色和字体颜色*/
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #e6f7f3;
  color: #07c796 !important;
}
</style>
